<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j">

<body>
	<ui:composition template="/templates/template.xhtml">
		<ui:define name="title">RichFaces Sample</ui:define>
		<ui:define name="body">
			<h:form>
				<h:selectOneMenu value="#{selectsBean.currentType}"
					valueChangeListener="#{selectsBean.valueChanged}">
					<f:selectItems value="#{selectsBean.firstList}" />
					<a4j:ajax event="valueChange" render="second" execute="@this" />
				</h:selectOneMenu>
				<a4j:outputPanel id="second" layout="inline">
					<h:selectOneMenu value="#{selectsBean.currentType}"
						rendered="#{not empty selectsBean.currentType}">
						<f:selectItems value="#{selectsBean.secondList}" />
					</h:selectOneMenu>
				</a4j:outputPanel>
			</h:form>
		</ui:define>
	</ui:composition>
</body>
</html>